<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css" />
		<title>初相遇</title>
		<style type="text/css">
			div {
				width: 530px;
				background: linear-gradient(to bottom, #CDF0FD, #FAFDEE);

			}

			/* title */
			h2 {
				text-align: center;
			}

			.title_1 {
				color: #0D7DAC;
				text-shadow: 1px 1px 2px #000;
			}

			.title_2 {
				font-size: 15px;
				color: #999999;
				text-shadow: 1px 1px 2px #000;
			}

			/* 内容 */
			p {
				text-indent: 2em;
			}

			.content_1 {
				font-size: 22px;
				font-weight: bold;
				color: #6E31F0;
				text-shadow: 2px 2px 2px #999999;

			}

			.content_2 {
				font-size: 22px;
				font-style: italic;
				font-weight: bold;
				color: #5368F4;
			}

			.content_3 {
				color: #339900;
				text-decoration: underline;
			}
		</style>


	</head>
	<body>
		<div data-aos="fade-up-right">
			<div clas="main">
				<h2>
					<span class="title_1">初相遇</span>&nbsp;&nbsp;
					<span class="title_2">文/席泵容</span>
				</h2>
				<p><span class="content_1">美</span>丽的梦和美丽的诗一样，都是可遇而不可求的，常常在最没能料到
					的时刻里出现。</p>
				<p>我喜欢那样的梦，在梦里，一切都可以重新开始，一
					切都可以慢慢解释，心里甚至还能感觉到，所有被浪费的时光竟然都能重
					回时的狂喜与感激。<span class="content_2">胸怀中满溢着幸福，只因你就在我眼前</span>
					，对我微笑，一如当年。</p>
				<p><span class="content_3">我喜欢那样的梦，明明知道你已为我跋涉干里，却又觉得芳草鲜美，落落英缤纷，好像你
						我才初相遇。</span>
				</p>

			</div>
		</div>







		<!-- 		<marquee scrollamount="100" direction="left" behavior=alternate Align=Middle hspace=0 vspace=0
			onMouseOver='this.stop()' onMouseOut='this.start()'>
			<img src="./img/gif1.gif">
		</marquee>
 -->
		<!-- AOS js -->
		<!-- 淡入淡出插件 -->
		<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
		<script>
			AOS.init({
				offset: 200,
				delay: 0,
				duration: 1000
			});
		</script>
	</body>
</html>
